<!DOCTYPE html>
<html>
<head>
  <title>后台</title>
  <meta charset="utf-8">
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/container.css">
  <link rel="stylesheet" href="css/admin.css">
  <link rel="stylesheet" href="css/page.css">
</head>
<body>
  <div class="container">
    <!--Header-Start-->
    <div class="header flex item-center br14">
      <h1 class="logo">TabOJ</h1>
      <dd class="options w1200 clearfix">
        <dl class="user fr clearfix">
          <dt><a href="javascript:void(0);" onclick="exit()">退出登录</a></dt>
        </dl>
      </dd>
    </div>
    <!--Header-End-->
    <ul class="side-list flex fdc">
      <li class="on" id="on">用户管理</li>
      <li>题目管理</li>
    </ul>
    <div class="table fl">
      <div class="table-options clearfix">
        <input class="search" placeholder="请输入查找内容">
        <input class="search-btn" type="submit" value="搜索">
        <button class="add iconfont" onclick="add()">&#xe62f;</button>
      </div>
      <table class="active" id="user">
        <thead>
          <tr>
            <!-- <td class=".select">选择</td>   -->
            <td>UID</td>
            <td>用户名</td>
            <td>密码</td>
            <td>是否为管理员</td>
            <td>操作1</td>
            <td>操作2</td>
         </tr>
        </thead>
        <tbody>
        </tbody>
      </table>
      <table id="problem">
        <thead>
          <tr>
          <!-- <td class="select">选择</td> -->
          <td>PID</td>
          <td>题目名</td>
          <td>难度</td>
          <td>题目描述</td>
          <td>模板描述</td>
          <td>测验代码</td>
          <td>访问次数</td>
          <td>通过次数</td>
          <td>操作1</td>
          <td>操作2</td>
         </tr>
        </thead>
        <tbody>
        </tbody>
      </table>

      
        <!-- 分页器 -->
      <div id="pagination" class="pagination"></div>


      <!--table-End-->
    </div>
  </div>
  <div class="mask">
    <div class="problem-pop pop">
      <label for="pid">PID</label>
      <input type="text" id="pid" disabled="disabled">
      <label for="title">题目</label>
      <input type="text" id="title">
      <label for="level">难度</label>
      <input type="text" id="level">
      <div class="code flex fdc">
        <label for="desc">题目描述</label>
        <textarea id="desc" style="width:700px; height: 100px"></textarea>
        <label for="modelCoding">模板代码</label>
        <textarea id="modelCoding" style="width:700px; height: 200px"></textarea>
        <label for="testCoding">测验代码</label>
        <textarea id="testCoding" style="width:700px; height: 200px"></textarea>
      </div>
      <button class="submit" onclick="submit()">确认</button>
      <button class="close" onclick="Close(event)">关闭</button>
    </div>
    <div class="user-pop pop">
      <div class="flex fdc" style="margin-bottom: 8px;">
        <label for="uid">UID</label>
        <input type="text" id="uid" disabled="disabled">
        <label for="username">用户名</label>
        <input type="text" id="username">
        <label for="password">密码</label>
        <input type="text" id="password">
        <label for="admin">是否为管理员</label>
        <input type="text" id="admin">
      </div>
      <button class="submit" onclick="submit()">确认</button> 
      <button class="close" onclick="Close(event)">关闭</button> 
    </div>
  </div>
  <script src="js/switchTable.js"></script>
  <script src="js/admin.js"></script>
  <script src="js/jquery.min.js"></script>
  <script src="js/switchTable.js"></script>
  <script src="js/logout.js"></script>
  <script src="js/getProblemList.js"></script>
  <script src="js/page.js"></script>
</body>
</html>